<template>
  <div class="rlue-dialog">
    <i class="css-x close" @click="close"></i>
    <div class="rlue-content">
      <h3>活动规则</h3>
      <p>1. 活动开始时间为2018年2月12日早上9:00。本次活动共有5000个话费红包，抢完活动结束。</p>
      <p>
        2. 在45秒内，在杭银生态小镇中找出“新春年兽”，找到一只即可得到一分。年兽数量每一关增加一只，本关年兽全部被找到后可进入下一关。最终分数达到15分即可参与抽奖活动，赢取新春话费红包。
      </p>
      <p>
        3. 活动期间，每位微信用户每天有3次抽奖机会。
      </p>
      <p>
        4. 已注册杭州银行手机银行并下挂借记卡或贷记卡的客户可直接登录手机银行app使用券码兑换话费红包，未注册杭州银行手机银行的持卡用户（借记卡、贷记卡）可自行下载手机银行app在注册领取话费红包，不支持非杭州银行持卡用户兑换。
      </p>
      <p>
        5. 兑换码将于3月16日23:00失效，请尽快兑换；兑换完成后，话费将立即充入用户手机号码。
      </p>
      <p>
        6. 本次活动每个手机银行账号只可使用一次话费红包充值，不可累积叠加，充值对象不限，可以是为本人或他人。
      </p>
      <p>
        7. 此次活动最终解释权归杭州银行所有。
      </p>
      <p>
        8. 活动过程中如发现有碍其他用户公平参与本活动或违反活动目的的行为，杭州银行有权取消此行为的用户参与本次活动的资格或因参加活动所获取的话费红包。
      </p>
    </div>
  </div>
</template>
<script>
export default {
  name: "rule",
  data () {
    return {
  
    };
  },
  computed:{
 
  },
  mounted(){
 
  },
  methods:{
    close(){
      this.$emit('close')
    },
  },
}
</script>
<style lang="scss" scoped>
@import './../styles/common.scss';
.rlue-dialog{
  // width: 90%;
  // height: 100%;
  // margin:0 auto;
  box-sizing: border-box;
  //position: relative;
  i.close{
    font-style: normal;
    position: absolute;
    top:px2rem(42);
    right:px2rem(50);
    @include font-dpr(46px);
  }
  .rlue-content{
    position: absolute;
    top:px2rem(80);
    left:px2rem(24);
    right: px2rem(24);
    bottom: px2rem(24);
    overflow-y: scroll;
    h3{
      text-align: center;
      font-size: px2rem(34);
      letter-spacing: 2px;
      padding: px2rem(10) 0;
      margin:  0;
    }
    p{
      font-size: px2rem(26);
      margin: px2rem(16) 0;
      line-height: px2rem(46);
      justify-content:space-between;
      display:flex;
    }
  }

}

</style>